<%@ page language="java" contentType="text/html; charset=UTF-8"
	import="java.util.*" pageEncoding="UTF-8"%>
	<%String path=request.getContextPath(); %>
<!DOCTYPE html>

<html>

<head>
	<meta http-equiv="Content-Type" content="text/html;">
	<title>BONC员工管理</title>

	<jsp:include page="../../import.jsp"/>
	<link rel="stylesheet" type="text/css" href="<%=path%>/css/tms/allChart.css">
	
	<link rel="stylesheet" type="text/css" href="<%=path%>/js/plugins/jeDate/skin/jedate.css">
	<script type="text/javascript" src="<%=path%>/js/plugins/jeDate/jquery.jedate.js"></script>


</head>
<body>

	  <jsp:include page="../dashboardHead.jsp"></jsp:include>
	 
	<div class="container">
		
		<div class="row">
				
			
			<div class="col-md-12 pandect_div">
			
			<div>
				<div style="float:left;">
					<h4 style="width:220px;">入职率/离职率</h4>
				</div>
				
				 <div class="date-show-new" style=" float:left;text-align: center;">
				 	<!-- <span>开始日期：</span><label class="laydate-icon" id="startEntryAndLeaveOffice" style="width: 20%;"></label>
					<span>结束日期：</span><label class="laydate-icon" id="endEntryAndLeaveOffice" style="width: 20%;"></label> -->
					<span class="wstxt">开始日期：</span><input type="text" class="workinput wicon" id="startEntryAndLeaveOffice" readonly>
					<span class="wstxt">结束日期：</span><input type="text" class="workinput wicon" id="endEntryAndLeaveOffice" readonly>
					<button class="btn btn-default" onclick="loadEntryAndLeavePeople();loadEntryAndLeaveOffice();">查询</button>
				</div> 
				
				<div style="width:100%; float:left; border-bottom: 1px solid #e4e4e4;">
					<h6 style="text-align: left;">入职率=入职人数/（期初人数+当期入职人数）   离职率=离职人数/（期初人数+当期入职人数）</h6>
				</div>
				
			</div>
				
				<div id="entryAndLeavePeopleMain" class="viewStyle"></div>
				
			</div>

		</div>

	</div>
 
	 
	 <script src="<%=path%>/js/tms/turnChart/entryAndLeaveOffice.js"></script>
	<script>
		var start = {
		    format: 'YYYY-MM',
		    minDate: '1997-06', //设定最小日期为当前日期$.nowDate(0)
		    isinitVal:true,
		    festival:true,
		    ishmsVal:false,
		    maxDate: '2099-06', //最大日期
		    choosefun: function(elem,datas){
		        end.minDate = datas; //开始日选好后，重置结束日的最小日期
		    }
		};
		var end = {
		    format: 'YYYY-MM',
		    minDate: $.nowDate(0), //设定最小日期为当前日期
		    isinitVal:true,
		    festival:true,
		    ishmsVal:false,
		    maxDate: '2099-06', //最大日期
		    choosefun: function(elem,datas){
		        start.maxDate = datas; //将结束日的初始值设定为开始日的最大日期
		    }
		};
		$('#startEntryAndLeaveOffice').jeDate(start);
		$('#endEntryAndLeaveOffice').jeDate(end);
		
		 
	</script>
</body>

</html>